<!doctype html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
	<meta name="viewport" content="width=device-width,user-scalable=no" />
	<meta name="format-detection" content="telephone=no">
	<title>To Alice:Markの表白</title>
	<meta name="keywords" content="Mark表白" />
	<meta name="description" content="Mark表白" />
	<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">
</head>
<style type="text/css">
	body {
		text-align: center;
		margin: 0px;
		padding: 0px;
		font-size: 25px;
		color: #FFF;
		font-family: "微软雅黑";
		background: #f3961c;
	}

	div {
		text-align: left;
	}

	.tittle {
		width: 100%;
		background: #f3961c;
		top: 0px;
		height: 100%;
		z-index: 0;
		position: absolute;
		position: fixed !important;
		display: none;
		cursor: default;
	}

	.big {
		font-family: "微软雅黑";
		color: #FFF;
		font-size: 35px;
	}

	.tishi {
		position: absolute;
		position: fixed !important;
		z-index: 99;
		bottom: 10px;
		width: 100%;
		text-align: center;
	}

	.tishiContent {
		border: 1px solid #FFF;
		font-size: 18px;
		padding: 5px;
		cursor: pointer;
		border-radius: 5px;
	}
</style>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
	if (localStorage["index"] == "1") {
		window.location = "#"
	}
	$(document).ready(function(e) {
		$(document).scrollTop(300);
		timer = setInterval("$.change()", 5000);
		t = 1;
		$("#t-" + t).fadeIn();
		$(document).click(function() {
			clearInterval(timer);
			$.change()
		});
		$.change = function() {
			t++;
			if (t <= $(".tittle").length) {
				$(".tittle").slideUp(1500).fadeOut();
				$("#t-" + t).slideDown(1500).fadeIn()
			} else {
				localStorage["index"] = "1";
				// 跳转到新页面
				window.location = "love.html"
			}
		}
	});
</script>

<body oncontextmenu=return(false)>
	<center>
		<div class="tittle" id="t-1">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">I think I fall in love.</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-2">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">第一次见面到你，到如今的逐渐熟悉</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-3">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">每次的相见都让我内心的小鹿也愈发活泼</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-4">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">不知不觉间，小蕾，你已经渐渐占据了我的心里</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-5">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">不知不觉间，我想要和你一起看各种电影</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-6">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">不知不觉间，我希望能和你一直手牵手漫步在公园里</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-7">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">不知不觉间，你的一颦一笑都牵动着我的内心</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-8">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">聊天时与你的对视，</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-9">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">肩并肩散步试偷偷注视着你，</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-10">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">仿佛希望能够将你印在脑海，刻在心里</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-11">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">因为在不能相见的日子里，我体会到了惆怅的感觉，
						<br/> 体会到了寂寞的感觉，
					</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-12">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">体会到了一直想要见到你的感觉</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-13">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">想要见到你，想要拥抱你，想要亲吻你</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-14">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">还想让你一直开心</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-15">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">你开心，我开心；你不开心，我希望能逗你开心</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-16">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">希望你未来的日子里能一直开心，也希望自己能够与你一起体会这份开心</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-17">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">已然情深，纵使缘浅，不悔相思</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-18">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">今年，以后，不再怯弱</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-19">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">未来的路，让我陪你
						<br/> 好吗
					</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-20">
			<center><img src="1544174602_meitu_1.jpg"></center>
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">小蕾</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-21">
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">小蕾，可以和我交往吗？</td>
				</tr>
			</table>
		</div>
		<div class="tittle" id="t-22">
			<center>
				<a href="love.html"><img src="mmexport1460034773183.jpg" alt="只是多想在你身边久一点"></a>
			</center>
			<table width="100%" border="0" height="100%">
				<tr>
					<td align="center">点击图片</td>
				</tr>
			</table>
		</div>
	</center>
	<div align="center" class="tishi">
		<span class="tishiContent" id="hrefto2">轻触屏幕继续</span>
	</div>
	<audio id="audio" autoplay="autopaly" volume="2">
		<source src="http://7xsouc.com2.z0.glb.clouddn.com/tears.mp3" type="audio/mp3" />
	</audio>
	</div>
</body>

</html>
